<template>
    <div>
        <el-row>
            <div>
                <p>First Name:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder="Enter First Name"></el-input>
                </el-col>
            </div>
            <div style="text-align: right;">
                <p>Last Name:</p>
                <el-col :span="9" >
                    <el-input v-model="input"  placeholder="Enter Last Name"></el-input>
                </el-col>
            </div>
            <div>
                <p>Password:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder="Enter Password"></el-input>
                </el-col>
            </div>
            <div style="text-align: right;">
                <p>Verify Password:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder=""></el-input>
                </el-col>
            </div>
            <div>
                <p>Mobile:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder="Enter Mobile"></el-input>
                </el-col>
            </div>
            <div style="text-align: right;">
                <p>Email:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder="Enter Email"></el-input>
                </el-col>
            </div>
            <div>
                <p>Role:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder="Please Select"></el-input>
                </el-col>
            </div>
            <div style="text-align: right;">
                <p>ls Admin:</p>
                <el-col :span="9">
                    <el-radio v-model="radio" label="1">NO</el-radio>
                    <el-radio v-model="radio" label="2">YES</el-radio>
                </el-col>
            </div>
            <div>
                <p>company:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder="Enter company"></el-input>
                </el-col>
            </div>
            <div style="text-align: right;">
                <p>Preferred Business Name:</p>
                <el-col :span="9">
                    <el-input v-model="input" placeholder="Enter Preferred Business Name"></el-input>
                </el-col>
            </div>
        </el-row>
    </div>
</template>

<script>
export default {
    name: 'Home',
    data() {
        return {
            input:'',
            radio:'1'
        }
    }
};
</script>
<style>
   .el-input{
    width: 100px;
   }
   .el-row{
    padding-left:46px;
   }
   p{
    text-align: left;
    margin-bottom: 10px;
   }
</style>